<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>中英互译</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>


<div class="wn">
    <h1>翻译</h1>
    <p class="h2">中英互译</p>
</div>

<div class="wn1">
<div class="container oo clearfix">

        <div class="wn1-1">
            <button class="button2" id="wn4">中文</button>
            <button class="button1" id="wn5">英文</button>
        </div>

    <button class="button3" onclick="switchLan()"><img src="img/wn1-1.jpg" alt=""></button>

        <div class="wn1-2">
            <button class="button2" id="an">英文</button>
            <button class="button1" id="niu">中文</button>
        </div>


</div>
</div>

<div class="wn2">
    <div class="container">

        <div class="u clearfix">
            <textarea name="" class="wn2-1" id="p1" autofocus="autofocus"></textarea>
            <textarea name="" class="wn2-2" id="p2" placeholder="翻译" readonly="readonly"></textarea>
        </div>

        <button class="wn2-3" onclick="zhToEn()">翻译</button>
        
    </div>
</div>




<script src="js/script.js"></script>
</body>
</html>